<template>
  <div class="title">
    <template v-for="(item, index) in info">
      <span :key="index">{{ item.name }}</span>
      <!-- 控制最后一个斜线不展示 -->
      <template v-if="index < info.length - 1"> / </template>
    </template>
  </div>
</template>

<script>
export default {
  name: "Grumb",
  props: ["info"],
};
</script>

<style lang='less' scoped>
.title {
  padding: 15px 0;
  font-size: 16px;
  font-family: SourceHanSansSC;
  span {
    color: #999;
    cursor: pointer;
    &:nth-of-type(1) {
      color: #000;
    }
  }
}
</style>